

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 网站用户</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  <style>
    .layui-nav-tree{
      width: 90px;
      padding: 0 ;
    }
    .layui-nav-tree .layui-nav-item a{
      height: 30px;
      line-height: 33px;
    }
    .layui-nav{
      border-radius: 0px;
      background-color：#4288ce;
    }
  </style>
</head>
<body>
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">

          <div style="padding-bottom: 10px;">
            <button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" onclick="add_exp()"
                    >添加专家
            </button>
          </div>

        </div>
        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-block">
              <input type="text" name="e_name" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-block">
              <input type="text" name="mobile" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <br>
          <div class="layui-inline">
            <label class="layui-form-label">开始日期</label>
            <div class="layui-input-block">
              <input type="text" name="s_time2" id="s_time2" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">结束日期</label>
            <div class="layui-input-block">
              <input type="text" name="e_time2" id="e_time2" placeholder="请输入截止时间" autocomplete="off" class="layui-input">
            </div>
          </div>


          <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>




      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
          <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>-->
        </div>
       <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
        <script type="text/html" id="imgTpl">
          <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
        </script>
        <script type="text/html" id="LAY-user-manage">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
        </script>
        <script  type="text/javascript"  src="" ></script>
      </div>
    </div>
  </div>
  <script src="../../../layuiadmin/layui/layui.js"></script>
  <script src="../../../layuiadmin/layui/layui.all.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script>

      layui.use(['form', 'laydate',"upload","jquery"], function(){
          laydate = layui.laydate;
          laydate.render({ //发布时间
              elem: '#s_time2'
              ,type: 'datetime'
          });
          laydate.render({ //发布时间
              elem: '#e_time2'
              ,type: 'datetime'
          });
      });
  function timeStamp2String(time){
	    var datetime = new Date();
	    datetime.setTime(time);
	    var year = datetime.getFullYear();
	    var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
	    var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
	    var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
	    var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
	    var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
	    return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
	}
  //table 渲染
  layui.use(['table'], function(){
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table;
    var tableIns = table.render({
        elem: '#LAY-user-manage',
        //后台api数据
        url : "{:url('lists?op=table')}",
        cellMinWidth : 95,
        page : true,
        height : "full-125",
        limits : [10,40,100,500,1000],
        limit : 10,
        id : "LAY-user-manage",
        cols : [[
//            {checkbox: true},
            {field: 'e_id', title: 'id', minWidth:100, align:"center"},
            {field: 'e_name', title: '专家姓名', align:'center',minWidth:100},
            {field: 'mobile', title: '电话', align:'center',minWidth:150},
            {field: 'g_name', title: '擅长类目', align:'center'},
            {field: 'cost', title: '线上价格', align:'center',minWidth:80},
            {field: 'face_cost', title: '线下价格', align:'center',minWidth:80},
            {field: 'all_gold', title: '累计佣金', align:'center',minWidth:100},
            {field: 'expert_wallet', title: '未打款佣金', align:'center',minWidth:100},
            {field: 'is_hot', title: '状态', align:'center',minWidth:100},
            {field: 'create_time', title: '申请时间', align:'center',minWidth:160,templet: function(d){
                return timeStamp2String(d.create_time*1000);
            }},
            {field: '', title: '操作', align:'center',minWidth:200,templet:function(d){
                if(d.is_hot=='推荐'){
                    return   '<a onclick="edit('+d.id+',this)"  data-href="edit?uid='+d.uid+'&g_name='+d.g_name+'" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>'+
                             '<a onclick="cancle_hot('+d.e_id+')" data-href="look?id='+d.e_id+'"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">取消热门</a>';
                }else{
                    return   '<a onclick="edit('+d.id+',this)"  data-href="edit?uid='+d.uid+'&g_name='+d.g_name+'" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>'+
                             '<a onclick="is_hot('+d.e_id+')" data-href="look?id='+d.e_id+'"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">设置热门</a>';
                }
                }},
        ]]
    });
      console.log(tableIns);
    //监听搜索
    form.on('submit(LAY-user-front-search)', function(data){
      var field = data.field;
     console.log(field);
      //执行重载
        table.reload('LAY-user-manage',{
            url: "{:url('lists?op=table')}",
            where : field,
            done: function(res, curr, count){
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                //得到当前页码
//                console.log(curr);
                //得到数据总量
//                console.log(count);
            }
        });
    });
  
    //事件
    var active = {
      batchdel: function(){
        var checkStatus = table.checkStatus('LAY-user-manage')
        ,checkData = checkStatus.data; //得到选中的数据



        if(checkData.length === 0){
          return layer.msg('请选择数据');
        }
        
        layer.prompt({
          formType: 1
          ,title: '敏感操作，请验证口令'
        }, function(value, index){
          layer.close(index);
          
          layer.confirm('确定删除吗？', function(index) {
            
            //执行 Ajax 后重载
            /*
            admin.req({
              url: 'xxx'
              //,……
            });
            */
            table.reload('LAY-user-manage');
            layer.msg('已删除');
          });
        });
      }
      ,add: function(){
        layer.open({
          type: 2
          ,title: '添加用户'
          ,content: 'userform.html'
          ,maxmin: true
          ,area: ['500px', '450px']
          ,btn: ['确定', '取消']
          ,yes: function(index, layero){
            var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-user-front-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);

            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              
              //提交 Ajax 成功后，静态更新表格中的数据
              //$.ajax({});
              table.reload('LAY-user-front-submit'); //数据刷新
              layer.close(index); //关闭弹层
            });  
            
            submit.trigger('click');
          }
        }); 
      }
    };



    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
      var type = $(this).data('type');
      console.log(type);
      active[type] ? active[type].call(this) : '';
    });
  });
//  function matching(id) {
//      window.location.href="matching";
//  }
  //设置为热门
  function is_hot(id) {
      layer.open({
          title:'确定设置为热门',
          type:1,
          skin: 'demo-class',
          btn:['确定','取消']
          ,yes:function (index,layero) {
              $.ajax({
                  url:"{:url('user/is_hot')}",
                  data:{id:id},
                  type:'post',
                  dataType:'json',
                  success:function (data){
                      if(data.code==200){
                          layer.msg('置顶成功');
                          layer.close(index)
                      }
                  }
              })
          }

      })

  }
//取消热门
      function cancle_hot(id) {
          layer.open({
              title:'确定取消热门',
              type:1,
              skin: 'demo-class',
              btn:['是','否']
              ,yes:function (index,layero) {
                  $.ajax({
                      url:"{:url('user/is_hot')}",
                      data:{id:id,cancle:true},
                      type:'post',
                      dataType:'json',
                      success:function (data){
                          if(data.code==200){
                              layer.msg('取消热门成功');
                              layer.close(index)
                          }
                      }
                  })
              }

          })

      }
  //查看认证信息
 function expert_look(id,obj){
          layer.open({
              type: 2
              ,title: '查看'
              ,content: $(obj).attr('data-href')
              ,maxmin: true
              ,area: ['100%', '100%']
          })
  }
  //编辑
  function edit(id,obj){
          layer.open({
              type: 2
              ,title: '编辑'
              ,content: $(obj).attr('data-href')
              ,maxmin: true
              ,area: ['100%', '100%']
          })
      }

      function add_exp(obj)
      {
          event.preventDefault();
          layer.open({
              type: 2
              ,title: '添加专家'
              ,content: "{:url('add_exp')}"
              ,maxmin: true
              ,area: ['75%', '90%']
                      })
      }

  </script>
</body>
</html>
